<!DOCTYPE html>
<html class="no-js"> <!--<![endif]-->
    <head>

    <title>数据概要</title>
<link rel="stylesheet" href="/css/theme/googleapis.css" type="text/css" />		
<link rel="stylesheet" href="/css/theme/font-awesome.min.css" type="text/css" />		
<link rel="stylesheet" href="/css/theme/bootstrap.min.css" type="text/css" />	
<link rel="stylesheet" href="/javascript/theme/libs/jquery-ui-1.9.2.custom.css" type="text/css" />		
<link rel="stylesheet" href="/css/theme/App.css" type="text/css" />
<link rel="stylesheet" href="/css/theme/custom.css" type="text/css" />
	
</head>

<body>
<div id="content" style="width:980px; margin: 0 auto;">
		
		<div id="content-container">
		
			<div class="portlet">
				<div class="portlet-header">
    				<h3>
    				<i class="fa fa-tasks"></i>
    				数据概要
    				</h3>
    			</div> <!-- /.portlet-header -->
    		</div>
    		
			<div class="row">

				<div class="col-md-12">
					    <div class="row">
					    	<div class="col-md-3 col-sm-5">					   
							    <ul id="myTab" class="nav nav-pills nav-stacked">
								#foreach($key in $menuMap.keySet())
									<li  #if($velocityCount == 1) class="active" #end>
										<a href="#$key" data-toggle="tab">
											$key
										 </a>
									</li>
								#end
							 </ul>
							</div> <!-- /.col -->

							<div class="col-md-9 col-sm-7">

								<div id="myTabContent" class="tab-content stacked-content">
								#foreach($key in $menuMap.keySet())
									<div class="tab-pane fade #if($velocityCount == 1)in active#end" id="$key">	
									<ul class="sub-nav" style="list-style-type:square">			
										#foreach($menu2Map in $menuMap.get($key).entrySet())
											<li style="text-align:left;line-height:30px;" >	
												<span style="color:red">$velocityCount - $menu2Map.key</span>
                                            </li>
											#foreach($menu in $menu2Map.value)
											<ul style="text-align:left;line-height:30px;" >	
												$menu.getName()
											</ul>
											#end
										#end	
									</ul>	
									</div>	
								#end
								</div>

							</div> <!-- /.col -->

						</div> <!-- /.row -->    

				</div> <!-- /.col-md -->

			</div> <!-- /.row -->

		</div> <!-- /#content-container -->
		

	</div> <!-- #content -->


<script src="/javascript/theme/libs/jquery-1.9.1.min.js"></script>
<script src="/javascript/theme/libs/jquery-ui-1.9.2.custom.min.js"></script>
<script src="/javascript/theme/libs/bootstrap.min.js"></script>
<script src="/javascript/theme/App.js"></script>
</body>
</html>